
// Extends

%primary-font {
  font-family:engellight_ltd;
}

%theme-color {
    background-color: #34495e;
}

%button-clr {
  background-color:#2ecc71;
}

%hvr-clr {
  background-color:#e74c3c;
}

%primary_font_color {
  color:#fff;
}

%secondary_font_color {
  color:#222;
}

//webkits

%box_sizing {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

%borderRadius5px {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}


%transitionDuration05s {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

%transformRotate {
  -webkit-transform: rotate(-17deg);
  -moz-transform: rotate(-17deg);
  transform: rotate(-17deg);
}

%transformRotate0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

%transformSkew-11 {
  -webkit-transform: skewx(-11deg);
  -moz-transform: skewx(-11deg);
  transform: skewx(-11deg);
}

%transFormScale {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5)
}

%hoverInputs {
  background-color: #fff;
  -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
}

%focusInputs{
  cursor: text;
  background: #fff;
  text-shadow: 0 2px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
}



%marginAuto {
    margin: 0 auto !important;
}

%marginNone {
  margin:0 !important;
}

%floatNone {
    float:none !important;
}

%floatLeft {
  float:left !important;
}

%floatRight {
    float:right !important;
}


%inputSubmit {
   border:none;
}

%margin8-0 {
  margin: 8px 0px;
}

%paddingNone {
  padding:0px !important;
}

%padding5 {
   padding:5px;
}

%padding10 {
    padding:10px !important;
}

%width100perc {
   width:100%;
}


%textAlignCenter {
    text-align:center;
}

%textAlignRight {
    text-align:right;
}

%textAlignLeft {
    text-align:left;
}

%positionRelative {
    position:relative;
}

%positionAbsolute {
    position:absolute;
}

%displayInlineBlock {
    display:inline-block;
}

%borderNone {
  border:none;
}



// Mixins


@mixin bp($point) {
  
  $bp-320: "(max-width: 568px)";
  $bp-mamabear: "(max-width: 1250px)";
  $bp-papabear: "(max-width: 1600px)";

  @if $point == papa-bear {
    @media #{$bp-papabear} { @content; }
  }
  @else if $point == mama-bear {
    @media #{$bp-mamabear} { @content; }
  }
  @else if $point == 320 {
    @media #{$bp-320}  { @content; }
  }

}


//Functions

@function calc-em($target-px, $context) {
  @return ($target-px / $context) * 1em;
}

@function calc-marg($num1, $num2){
   @return $num1 - $num2
}

